<template>
  <a class="href" :href="href" target="_blank">
    <slot>点我查看</slot>
  </a>
</template>
<script lang="ts">
import { defineComponent, ref } from "vue";
export default defineComponent({
  props: {
    href: String,
  },
});
</script>

<style lang="scss" scoped>
//下划线
.href {
  color: #e67e22;
  position: relative;
  white-space: nowrap;
  &::before {
    content: "";
    position: absolute;
    bottom: -2px;
    height: 1px;
    width: 100%;
    background: #e67e22;
  }
}
</style>